<div class="data-info">
  <div>
    <form class="form-horizontal"role="form"novalidate name="myForm">
      <div class="form-ctrl md-whiteframe-z1">
      <div class="form-search"style="height:190px;"ng-class="{'shou':!flag.state}">
        <div>
          <label>时间</label>
          <md-input-container flex>
          <label>&nbsp;</label>
          <input type="date" required name="startTime" ng-model="params.date"  time-date='date' />
            <div ng-messages="myForm.startTime.$error">
              <div ng-message="date">请正确输入时间</div>
              <div ng-message="required">必填</div>
              <div ng-message="too-great">时间必须小于当前时间</div>
            </div>
          </md-input-container>
        </div>
      </div>
    <i class="glyphicon glyphicon-chevron-up shrinkage" ng-hide="myForm.$invalid || flag.arrow" ng-click="flag.state = false"></i>
    <md-button  ng-disabled="myForm.$invalid" ng-click="search()"class="md-fab md-primary md-hue-1"aria-label="Profile">
    <i class="glyphicon glyphicon-arrow-down" style="margin-top:28px;" ng-show="!flag.state"></i>
    <i class="glyphicon glyphicon-search" ng-show="flag.state"></i>
    </md-button>
      </div>
    </form>
  </div>
  <div class="table-info">
    <div>
      <div class="md-fab md-mini md-primary" ng-class="{
        greenColor:stateName==='优',
        buleColor:stateName==='良',
        yellowColor:stateName==='中',
        redColor:stateName==='差'}"
         ng-show="!flag.state" aria-label="Use Android
         " style="position: absolute;right: 360px;top: 10px;font-size: 40px">{{stateName}}
      </div>
    </div>
    <div ng-show="flag.show === 'chart'" style="padding: 5px 16px;">
      <div id="reportChart" style="height:450px; width: 100%;"></div>
    </div>
  </div>
</div>
